<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/pc_master">
<div layout:fragment="content" class="section page-content">
    <link rel="stylesheet" href="/pc/css/center/chat/info.css">

    <input type="hidden" id="userId" th:value="${userId}">
    <link href="/pc/css/bottlecms-dialogue.css" rel="stylesheet"/>
    <input name="user_obj" type="hidden" th:value="${userObj}"/>
    <input name="target_obj" type="hidden" th:value="${targetObj}"/>


    <section class="section page-content">
        <div class="layui-main clearfix">
            <div class="chatwarp _shadow chat_listdetail">
                <div class="bcui-dialoguelist">
                    <div class="title">全部消息</div>
                    <div class="infinite-scroll">
                        <div class="bcui-infinite infinite-chat" pages-current="1" pages-src="/m/ajax/center/chat">
                            <div class="bcui-infinite-list chatlist js-chatlist"></div>
                            <!-- <div class="bcui-infinite-preloader" status="more">
    <div class="bcui-flow-more"><font>加载更多</font></div>
    <div class="bcui-flow-loading"></div>
    <div class="bcui-flow-end"><font>没有了～</font></div>
    <div class="bcui-flow-nothing"><font>没有找到相关数据！</font></div>
</div> -->
                        </div>
                    </div>
                </div>

                <div class="bcui-dialogue">
                    <div class="dialogue-head">
                        <a class="l" href="javascript:history.back(-1);"><i class="icon-return"></i></a>
                        <span class="tit" th:text="${targetUserModel.nickname}"></span>

                        <div class="r handle">
                            <a class="title" th:href="'/single/info/'+${targetUserModel.userId}">
                                <svg t="1609575916101" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3250"><path d="M62.7968 512c0 52.22912 42.33728 94.57152 94.57152 94.57152 52.224 0 94.57152-42.3424 94.57152-94.57152s-42.34752-94.57152-94.57152-94.57152c-52.23936 0-94.57152 42.3424-94.57152 94.57152z m354.6368 0c0 52.22912 42.33728 94.57152 94.5664 94.57152 52.22912 0 94.5664-42.3424 94.5664-94.57152S564.22912 417.42848 512 417.42848c-52.23424 0-94.5664 42.3424-94.5664 94.57152z m354.62656 0c0 52.22912 42.34752 94.57152 94.57152 94.57152 52.22912 0 94.57152-42.3424 94.57152-94.57152s-42.3424-94.57152-94.57152-94.57152-94.57152 42.3424-94.57152 94.57152z"></path></svg>
                            </a>
                            <dl class="child _shadow">
                                <dd><a target="_blank" th:href="'/single/info/'+${targetUserModel.userId}" class="" data-id="">查看资料</a></dd>
                                <dd><a href="javascript:;" class="js-del_history" th:attr="data-id=${targetUserModel.userId}">删除聊天记录</a></dd>
                            </dl>

                        </div>
                    </div>
                    <div class="dialogue-main">
                        <div class="MessageHistory _cp">
                            <i class="ico-history">
                            </i>
                            查看更多消息
                        </div>
                        <ul class="chatList chat_list" id="chat_list"></ul>
                    </div>
                    <div class="dialogue-send">

                        <div class="dialogue-speak">
                            <form>
                                <div class="voicebox">
                                    <div class="d-btn voice js_voicebtn">
                                        <i class="icon-voice">
                                        </i>
                                    </div>
                                    <div class="d-btn keyboard js_keyboardbtn">
                                        <i class="icon-keyboard">
                                        </i>
                                    </div>
                                </div>
                                <div class="voicetalkbox">
                                    <div class="voicetalkpop"><div class="ico"></div>可以说话了</div>
                                    <div class="voicebtn js_holdvoice">按住 说话</div>
                                </div>
                                <div class="talkbox">
                                    <textarea class="talk_area" id="talk_area"></textarea>
                                    <span class="provide hide" id="provide">
                                    6/240字
                                </span>
                                </div>
                                <div class="btnbox">
                                    <div class="d-btn js_emoticonbtn">
                                        <i class="icon-emoticon">
                                        </i>
                                    </div>
                                    <div class="d-btn js_imagebtn  bcui-upload-box _cp">
                                        <i class="icon-image">
                                        </i>
                                        <input type="file" class="js-uppic" accept="image/*">
                                    </div>
                                    <div class="d-btn js_videobtn bcui-upload-box _cp">
                                        <i class="icon-video">
                                        </i>
                                        <input type="file" class="js-upvideo" accept="video/*">
                                    </div>
                                    <div class="d-btn js_giftbtn">
                                        <i class="icon-gifs">
                                        </i>
                                    </div>
                                    <div class="d-btn js_morebtn">
                                        <i class="icon-more">
                                        </i>
                                    </div>



                                    <div class="d-btn sendbtn js_sendbtn _cp">
                                    <span>
                                        发送
                                    </span>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="dialogue-tool">
                            <div class="item image">
                                <div class="_cp js_imagebtn bcui-upload-box" id="js_imagebtn">
                                    <div class="icon">
                                        <i class="icon-bottlecms-31"></i>
                                    </div>
                                    <div class="tit">
                                        图片
                                    </div>
                                    <input type="file" class="js-uppic" accept="image/*">
                                </div>
                            </div>
                            <div class="item video">
                                <div class="_cp js_videobtn bcui-upload-box" id="js_videobtn">
                                    <div class="icon">
                                        <i class="icon-bottlecms-14">
                                        </i>
                                    </div>
                                    <div class="tit">
                                        视频
                                    </div>
                                    <input type="file" class="js-upvideo" accept="video/*">
                                </div>
                            </div>
                            <div class="item gift">
                                <div class="_cp js_giftbtn" id="js_giftbtn">
                                    <div class="icon">
                                        <i class="icon-bottlecms-82"></i>
                                    </div>
                                    <div class="tit">
                                        礼物
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="dialogue-emot _shadow">
                            <ul class="emotbox js_emotbox"></ul>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>


</div>
<div layout:fragment="contentFooter">
    <script type="text/javascript" src="/m/js/dialogue.js"></script>
    <script type="text/javascript" src="/pc/js/center/chat/info.js"></script>
</div>
</html>